<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="bootstrap/assert/bootstrap-3.3.7-dist/css/bootstrap.css"/>
	</head>
	<body>
		<ol class="breadcrumb">
			<li><a href="">音乐上传</a></li>
		</ol>
		<div class="container-fluid">
			<!-- 音乐上传表单 -->
			<form action="#" class="form-horizontal">
				 <div class="form-group">
				    <label for="" class="col-md-1 control-label"style="float: left;">音乐文件</label>
				    <div class="col-md-6">
		              <button class="btn btn-success " style="float: left;" >
						  <span class="glyphicon glyphicon-plus">&nbsp;选择音乐文件</span>
					  </button>
				    </div>
				  </div>
				  <div class="form-group">
					  <label for="" class="col-md-1 control-label"style="float: left;" >歌曲名称</label>
					  <div class="col-md-6">
					  <input type="text" class="form-control"  placeholder="请输入歌曲名称"/>
					  </div>
				  </div>
				  <div class="form-group">
				  		 <label for="" class="col-md-1 control-label"style="float: left;">歌手名</label>
				  		<div class="col-md-6">
				  		<input type="text" class="form-control" placeholder="请输入歌手名称"/>
				  			 </div>
				  </div>
				  <div class="form-group">
				  		 <label for="" class="col-md-1 control-label"style="float: left;">专辑名称</label>
				  		 <div class="col-md-6">
				  		<input type="text" class="form-control" placeholder="请输入专辑名称"/>
				  		</div>
				  </div>
				  <div class="form-group">
				  		 <label for="" class="col-md-1 control-label"style="float: left;">歌曲风格</label>
						 <div class="col-md-11">
				  		<span class="label label-info">流行</span>
						<span class="label label-info">古风</span>
						<span class="label label-info">乡村</span>
						<span class="label label-info">轻音乐</span>
						<span class="label label-info">爵士</span>
						<span class="label label-info">鬼畜</span>
				  		</div>
				  </div>
				  <!-- sr-only:隐藏文字 -->
				  <div class="form-group">
				  		 <label for="" class="col-md-1 control-label sr-only" style="float: left;">歌曲风格</label>
				  		
				  						 <div class="col-md-6">
				  		<input type="text" class="form-control" />
				  		</div>
				  </div>
				  <div class="form-group">
					  <div class="col-md-4 ">
					  <button type="button" class="btn btn-success"  >确定上传</button>
					  	 </div>
				  </div>
			</form>
		</div>
	</body>
</html>
